<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name='format-detection' content='telephone=no' />
<title>人车人</title><link rel="icon" href="/assets/img/titleico.ico" type="image/x-icon">
<link rel="stylesheet" href="/assets/css/common.css" />
<link rel="stylesheet" href="/assets/css/iconfont/iconfont.css" />
<script src="/assets/js/jquery-3.1.1.min.js"></script>
<style>
.load-container {
	display: none;
}

.visiblecon {
	visibility: visible;
	opacity: 1;
}

section .container .addorder ul.ulcon li {
	background-color: #fff;
	padding: .6rem 0;
}

section .container .addorder ul.ulcon li .icon {
	padding: 4px;
	border-radius: 6px;
	margin-right: 5%;
}

section .container .addorder ul.ulcon li i {
	color: #c7c7c7;
	font-size: 2.2rem;
	transform-origin: 10px;
}

section .container .addorder ul.ulcon li .info .posbor {
	position: absolute;
	width: 100%;
	bottom: 0;
}

section .container .addorder ul.ulcon li .info i {
	font-size: 2rem;
	display: none;
	opacity: 1;
}

section .container .addorder ul.ulcon li i.fail {
	color: #fd0421;
	opacity: 0;
}

section .container .addorder ul.ulcon li i.success {
	color: #5cb85c;
	display: none;
}

section .container .addorder ul.ulcon li label {
	padding: 2% 5%;
	width: 90%;
	align-items: center;
}

section .container .addorder ul.ulcon li label span {
	font-size: 1.5rem;
	padding: 0;
	padding-right: .8rem;
}

section .container .addorder ul.ulcon li label input {
	color: #a7a7a7;
	width: 100%;
	font-size: 1.6rem;
}

section .container .addorder ul.ulcon li label input[type=date] {
	color: #333;
}

section .container .addorder ul.ulcon li label select {
	font-size: 1.6rem;
}

section .container .addorder a {
	display: block;
	padding: 3% 0;
	width: 90%;
	text-align: center;
	margin: 3% auto;
	border-radius: 6px;
	background-color: #5cb85c;
	color: #fff;
}

section .container .addorder a:active {
	background-color: #59ab59;
}

::-webkit-input-placeholder {
	color: #fd0421;
}
</style>
</head>
<body>
	<!-- header start -->
	#@tabHead("贷后管理",false)
	<!-- end header -->
	#@loadContainer()

	<section class="visiblecon sectrans">
		<div class="container">
			<div class="addorder">
				<ul class="ulcon t_bor b_bor" id="ordercon">
					<li class='b_bor'><label class='flexbox'>
							<div class='icon'>
								<i class='iconfont fail'>&#xe602;</i> <i
									class='iconfont success'>&#xe641;</i>
							</div> <span>快递单号：</span> <input class='flex empty' type="text"
							id="waybill" />
					</label></li>
				</ul>
				<a href="javascript:;" class="subbtn" id="subbtn">提交</a>
			</div>
		</div>
	</section>

	<!-- footer start -->
	#--#@footer(2)--#
	<!-- end footer -->

	<script src="/assets/js/fastclick.min.js"></script>
	<script src="/assets/js/xxsg.js"></script>
	<script>
    	$(function(){
    		var waybill = $("#waybill");
    		waybill.blur(function(){
    			yanzheng($(this))
    		})
    		function yanzheng(input){
    			var iconDom = input.siblings(".icon");
				if(_x.isEmpty(input.val())){
					iconDom.children(".success").hide().siblings(".fail").show().css("opacity",1);
					input.attr("placeholder","此项不能为空！");
					return false;
				}
				
				if(input.val().length != 12 || isNaN(input.val())){
					iconDom.children(".success").hide().siblings(".fail").show().css("opacity",1);
					input.attr("placeholder","格式不正确！");
					return false;
				}
				
				iconDom.children(".fail").hide().siblings(".success").show();
				return true;
    		}
    		
    		$("#subbtn").click(function(){
    			var mark = yanzheng(waybill)
        		if(mark){
        			console.log($("#form").serialize())
        			$.ajax({
        				type:"post",
        				url:"1",
        				dataType:"json",
        				data:{waybill:waybill.val()},
        				success:function(data){
        					console.log(data)
        				}
        			})
        		}
    		})
    	})
    	
    </script>


</body>
</html>
